<template>
  <div class="big_div1">
    <div class="div_top">
      <div class="top_container">
        <div class="container_div1">
          首页
        </div>
        <div class="container_div2">
          登录
        </div>
        <div class="container_div3">
          个人中心
        </div>
        <div class="container_div4">
          购物车
        </div>

        <div class="div_header">
          <div class="header_left">
            <a class="header_logo">
              <img src="@/assets/logo.png" alt="">
            </a>
          </div>
          <div class="header_info">
            <div class="info_div1">
          <span class="info_span1">
            个人及家庭产品
          </span>
            </div>
            <div class="info_div2">
          <span class="info_span2">
            商用产品及方案
          </span>
            </div>
            <div class="info_div3">
          <span class="info_span3">
            服务支持
          </span>
            </div>
            <div class="info_div4">
          <span class="info_span4">
            合作伙伴与开发者
          </span>
            </div>
            <div class="info_div5">

          <span class="info_span5">
            关于华为
          </span>
            </div>
          </div>
          <div class="header_right">
            <div class="right_info">
              <span>在线购买</span>

            </div>
            <div class="right_logo">
          <span class="">

          </span>
            </div>
          </div>
        </div>
    </div>
    </div>
  </div>
</template>
<style>

.div_top {
  height: 35px;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  background-color: #111111;
}

.top_container {
  width: 600px;
  height: 25px;
  float: left;
  margin-right: 70px;
  display: flex;
  flex-direction: row;

}

.container_div1 {
  width: 80px;
  height: 35px;
  margin-right: 10px;
  line-height: 25px;
  font-size: 15px;
  text-align: -moz-center;
  color: #ffffff;
  cursor: pointer;
  margin-top: 5px;
}

.container_div2 {
  width: 80px;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  text-align: -moz-center;
  color: #ffffff;
  cursor: pointer;
  margin-top: 5px;
}

.container_div3 {
  width: 80px;
  height: 25px;
  margin-left: 20px;
  line-height: 25px;
  font-size: 15px;
  text-align:-moz-center;
  color: #ffffff;
  cursor: pointer;
  margin-top: 5px;
}

.container_div4 {
  width: 80px;
  height: 25px;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 25px;
  font-size: 15px;
  text-align: -moz-center;
  color: #ffffff;
  cursor: pointer;
}

.div_header {


}
</style>
<script>

</script>
